@charset "utf-8";
html {
    font-size: 62.5%;
    /* 10÷16=62.5% */
    font-family: "微软雅黑", "Microsoft YaHei", Arial, helvetica, sans-serif;
}

body {
    margin: 0;
    padding: 0;
    text-align: left;
    color: #333333;
    font-size: 16px;
    font-size: 1.6rem;
    background: #fff;
}
 body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }

  main {
    flex: 1 0 auto;
  }

img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}



.overHiden {
    height: 100vh;
    overflow: hidden;
}

a {
    transition: all 0.3s;
}

a:link {
    color: #494949;
    text-decoration: none
}

a:visited {
    color: #494949;
    text-decoration: none
}

a:hover {
    text-decoration: none;
    color: #f00;
}

a:focus {
    outline: none;
    -moz-outline: none;
}

.overhidden {
    overflow: hidden;
}

.clear {
    clear: both;
}

.height {
    height: 3rem;
}

img {
    border: 0px;
}

input {
    outline: none;
}

ul,
li,
dl,
dt,
dd,
p {
    list-style-type: none;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.dv { display: inline-block; vertical-align: middle; }

.p_r10 { margin-right: 10px;  }
.p_r20 { margin-right: 20px;  }

.ptd50 { padding: 50px 0; }

.mt30 {  margin-top: 30px; }

.bg { background: #f8f8f8; }

.border {border: 1px solid #e5e5e5; padding: 1.5rem;}

.center {
    width: 1200px;
    margin: 0 auto;
}

.left {
    float: left;
}

.right {
    float: right;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}


.share_to li {
    display: inline-block;
    vertical-align: middle;
    color: #000;
    margin-right: 10px; 
}

.share_to li a {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    display: inline-block;
    border-radius: 50%;
    color: #fff;
}

.share_to li:nth-child(2) a {
    background: #3dc464;
}

.share_to li:nth-child(3) a {
    background: #d54135;
}

.share_to li:nth-child(4) a {
    background: #1493d0;
}

.share_to li:nth-child(5) a {
    background: #f8b500;
}


/*PAGE
----------------------------------------*/

.page {
    margin: 20px;
    text-align: right;
    border-top: #CCC 1px dotted;
}

.prev_next li {
    font-size: 14px;
    height: 34px;
    color: #000;
    margin: 10px 0;
}

.prev_next li a {
    display: block;
    border: 1px dotted #ccc;
    color: #000;
    line-height: 24px;
    padding: 5px;
    border-radius: 3px;
}

.prev_next li a:hover {
    background: #333;
    color: #fff;
}

.back_list {
    text-align: right;
    font-size: 14px;
}

.back_list a {}

.back_list a:hover {}


.gridtable table {
    width: 99%;
    margin: 0 auto;
    border-width: 1px;
    font-family: verdana, arial, sans-serif;
    color: #333333;
    border-color: #ccc;
    border-collapse: collapse;
}

.gridtable table th {
    border-width: 1px;

    padding: 5px 0;
    border-style: solid;
    border-color: #ccc;
    background-color: #dedede;
}

.gridtable table td {
    border-width: 1px;

    padding: 5px 0;
    border-style: solid;
    border-color: #ccc;
}

.gridtable table td a {
    text-decoration: underline;
    color: #069;
}

/* Header
----------------------------------------*/

#zy_banner { width: 100%; height: auto; position: relative;}
#zy_banner.row { margin-bottom: 0;}


.zy_title_box { background: url('../Image/zy_title_bg.gif') top repeat-x; padding:40px 0 20px 0;}
.zy_title_box .title { font-size: 2.6rem; font-weight: bold; color: #000; }
.zy_title_box .title span {color: #e41223; }
.zy_title_box .desc { font-size: 1.6rem; color: #aba6a6; }

#top_note {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #f8f8f8;
    border-bottom: 1px solid #dcdcdc;
}

#top_note_tel {
    font-size: 1.6rem;
    color: #7b7b7b;
}

#top_note_tel a {
    font-size: 2.5rem;
    color: #e70012;
    font-weight: bold;
}
#top_note_tel small{ float: right; }

#name_box_w {
    width: 100%;
    position: relative;
    z-index: 9;
    background: #fff;
    transition: all 0.3s;
    overflow: hidden;
}

#name_box_w .row {
    margin-bottom: 0;
}

#name_box_w #menu_box {
    transition: all 0.3s;
}

#logo {
    max-height: 108px;
    padding: 25px 0;
    box-sizing: border-box;
    display: block;
    text-align: center;
}

#logo img {
    max-width: 100%;
    transition: all 0.3s;
    box-sizing: border-box;
}


.menu {
    height: auto;
    z-index: 9;
}

.menu .mynav .nav {
    width: 11.11%;
    float: left;
    position: relative;
}

.menu .mynav .nav a {
    display: block;
    width: 100%;
    line-height: 108px;
    box-sizing: border-box;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    color: #292929;
    text-align: center;
    cursor: pointer;
    font-size: 1.6rem;
    font-size: 16px;
    background: bottom center no-repeat;
}

.menu .mynav .nav a:hover,
.menu .mynav .nav a.current {
    color: #e70012 !important;
    font-weight: bold;
    background: url(../Image/menu_h.png) bottom center no-repeat;
}

.side-nav li { background: #fff; }
.side-nav li .current { background: #ba0c0c; color: #fff; }

.m_menu_tel {background: #efefef; color: #000; line-height: 3.0rem; font-size: 1.6rem; padding: 20px 0; }


.down {
    position: fixed !important;
    top: 0;
    left: 0;
    border-bottom: #e1e2e3 1px solid;
    box-shadow: none !important;
}

.down #logo {
    padding: 15px 0;
}

.down #logo img {
    height: 38px;
}

.down .menu .nav a {
    line-height: 68px;
}

/*.in_title .t1 {
    background-image: linear-gradient(to right, rgb(8, 56, 148) 0%, rgb(106, 78, 185) 50%, rgb(232, 125, 146) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}*/


.order_open { position: absolute; z-index: 7; background: #f60; border-radius: 5px; left: 50%; transform: translateX(-50%); bottom: -10px; width: 30%; font-size: 1.2rem; color: #fff; text-align: center;
  }


#order_box.show-on-small { width: 100%; top:0; padding:0 10px 10px; }

#order_box.show-on-small .order_close{ position: absolute; top:0px; right: 10px; color: #e62b32; font-size: 1.6rem; }

#order_box {
    width: 340px;
    position: absolute;
    top: 50%;
    z-index: 8;
    background: #fff;
    height: 435px;
    padding: 30px 20px;
    box-sizing: border-box;
}


#order_box .title { font-size: 2.8rem; font-weight: bold; }

#order_box .title span { color : #e70012 }

#order_box .desc { margin: 30px 0 10px; color: #0a080b; }
#order_box .desc b { color: #e70012; }

#order_box .order_input li {width: 100%; height: 40px; margin: 6px 0;}

#order_box .order_input li .input_t { box-sizing: border-box; display: inline-block; height: 40px; border:1px solid #dcdcdc; padding: 10px; }

#order_box .order_input li .input_l {width: 100%; }
#order_box .order_input li .input_m {width: 60%; }
#order_box .order_input li .input_s {width: 30%; }

#order_box .order_input li .order_bt { border-radius: 0; border: none; width: 100%; height: 45px; line-height: 45px; background: #e70012; color: #fff; font-size: 2.0rem; font-weight: bold;  }


#order_box #order_list { background: #f3f3f3; padding: 10px; }

#order_box #order_list li { line-height: 30px; font-size: 1.8rem;}


#e_order_box {
    width: 100%;
    z-index: 8;
    padding: 30px 20px;
    box-sizing: border-box;
}


#e_order_box .title { font-size: 2.2rem; font-weight: bold; }


#e_order_box .order_input li {width: 100%; height: 40px; margin: 20px 0;}
#e_order_box .order_input li .input_t { box-sizing: border-box; display: inline-block; height: 40px; border:1px solid #dcdcdc; padding: 10px; }
#e_order_box .order_input li .input_l {width: 100%; }
#e_order_box .order_input li .input_m {width: 60%; }
#e_order_box .order_input li .input_s {width: 30%; }

#e_order_box .order_input li .order_bt { border-radius: 0; border: none; width: 100%; height: 45px; line-height: 45px; background: #e70012; color: #fff; font-size: 2.0rem; font-weight: bold;  }


/* 表单 */


#in_lc li { line-height: 2.0rem; border-right:1px dotted #b5b5b5;  text-align: center; margin: 3rem 0;}

#in_lc li:last-child { border-right:none; }


#in_lc .title { font-weight: bold; color: #000000; margin: 0.5rem 0;}

#in_lc span { color: #e70012; }

#in_lc p { color: #8d8c8c;}

#in_lc img { margin: 0 20px 0 0; }


#menu_icon {
    display: block;
}

/*PC_search*/

#p_search {
}

#p_search .search {
    height: 40px;
    width: 100%;
    overflow: hidden;
    padding: 0 10px;
    box-sizing: border-box;
}

#p_search .search .in_text {
    border: medium none;
    float: left;
    height: 40px;
    line-height: 40px;
    width: 80%;
}

.in_text::input-placeholder {
    color: #181818;
    font-size: 1.6rem;
    font-size: 16px;
}



#p_search .search .so {
    background: url("../Image/top_search_so.png") no-repeat center;
    border: medium none;
    float: right;
    height: 40px;
    text-indent: -9999px;
    width: 20%;
    cursor: pointer;
}

/*M_search*/

#m_search_box {
    background: #fff;
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 10;
    top: -100vh;
    left: 0;
    transition: all 0.5s;
}


#m_search_box #search {
    width: 100%;
    height: 100vh;
    position: relative;
}


#m_search_box .material-icons {
    position: absolute;
    cursor: pointer;
    right: 5rem;
    top: 5rem;
    color: #e62b32;
    font-size: 5rem;
    transition: all 0.3s;
}

#m_search_box .material-icons:hover {
    transform: rotate(180deg);
}

#m_search_box .search_w {
    height: 4rem;
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -2rem;
    left: 0;
}

#m_search_box .search {
    height: 4rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    display: block;
    border-radius: 3rem;
    vertical-align: middle;
    background: #f8f8f8;
    text-align: center;
    transition: all 0.3s;
    overflow: hidden;
    position: relative;
}

#m_search_box .search .in_text {
    border: medium none !important;
    color: #717274;
    position: absolute;
    left: 0;
    height: 1rem;
    width: 80%;
    background: none;
    font-size: 16px;
    padding: 1rem;
    transition: all 0.5s;
    border-left: 0;
    border-right: 0;
}


#m_search_box .search .so {
    background: url("../Image/m_so.png") no-repeat center;
    border: none;
    position: absolute;
    right: 0;
    position: 1rem;
    width: 4rem;
    height: 4rem;
    text-indent: -9999px;
    cursor: pointer;
    border-radius: 0 30px 30px 0;
    transition: all 0.3s;
}

.search_show {
    height: 100vh !important;
}


/* 处理手机商桥bug*/

/*ins {
    display: none !important;
}*/

#top_menu_box {
    background: #f8f8f8;
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 800000;
    top: -100vh;
    left: 0;
    transition: all 0.5s;
}

.top_menu_down {
    transform: translateY(100vh);
}

#top_menu_box #menu_close {
    color: #e62b32;
    position: absolute;
    right: 2.2rem;
    top: 1.7rem;
    z-index: 10000000;
}

#top_menu_box ul {
    padding: 10vh 0;
}

#top_menu_box li {
    height: 10vh;
    line-height: 10vh;
    box-sizing: border-box;
    border-bottom: 1px solid #dedede;
    text-align: center;
    font-size: 2.5rem;
}

#top_menu_box li a {
    color: #000;
    display: block;

    overflow: hidden;
}

#top_menu_box li a:hover {
    background: #fff;
}



#top_icon {
    position: absolute;
    right: 2rem;
    top: 50%;
    height: 4rem;
    margin-top: -2.0rem;
    color: #e62b32;
    font-size: 2.8rem;
}


#menu_open {
    transition: all 0.3s;
    padding-left: 1rem;
    margin-left: 1rem;
    /*background: url(../Image/top_m_line.png) no-repeat left center;*/
}

.out {
    transform: translateX(100px);
}

.main_box {
    height: auto !important;
    min-height: 700px;
    height: 700px;
}


/*NEWS CONTENTS PAGE*/

.news_detail {
    height: auto !important;
    min-height: 700px;
    height: 700px;
    padding: 10px 0;
    line-height: 30px;
}

.news_detail hr { border: none; height: 1px; background: #ccc; }

#news_d { text-align: center; }

.news_img { padding: 20px; text-align: center; }

.location {
    font-size: 1.6rem;
    color: #aba6a6;
}

.location a {
    color: #aba6a6;
}

.location a:hover {
    color: #f00;
    position: relative;
    top: 1px;
}


#news_img {
    text-align: center;
    position: relative;
}

.wenben01 img,
#news_img img,
.news_img img {
    max-width: 100%;
}

#newsContent {

    margin-bottom: 16px;
    text-align: left;
}

#newsContent img {
    max-width: 100%;
}


#newsInfo {
    margin: 0px;
    font-weight: normal;
    text-align: left;
    padding: 10px;
}

#newsInfo iframe {
    width: 100%;
    height: 600px;
}

#newsInfo img {
    max-width: 100%;
}

.proimg img {
    max-width: 100%;
}

#newsInfo .desc{ background: #f5f5f5; margin: 20px 0; padding: 20px 0; }


.news_img h2 {
    color: #f00;
    background: #efefef;
    padding: 5px;
    line-height: 30px;
    border-radius: 10px 0 10px 0
}


/*GUESTBOOK PAGE*/

.G_InputText {
    width: 500px;
    height: 12px;
    padding: 10px;
    border: 1px solid #ccc;
    margin: 5px 0;
}

.G_textarea {
    width: 500px;
    height: 100px;
    padding: 10px;
    border: 1px solid #ccc;
    margin: 5px 0;
}

.G_botton {
    width: 100px;
    line-height: 12px;
    padding: 10px;
    line-height: 14px;
    background: #35ab9f;
    cursor: pointer;
    color: #FFF;
    border: none;
    float: right;
    border-radius: 3px;
    font-size: 16px;
    font-family: "微软雅黑";
}

.yanzheng {
    width: 300px;
    height: 12px;
    padding: 10px;
    border: 1px solid #ccc;
    margin: 5px 0;
}

.jobs ul {
    list-style: none;
    margin: 3rem 0;
}

.jobs li {
    margin: 5rem 0;
    padding: 3rem 0;
    text-align: center;
}

.jobs ul li big {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 4rem;
    margin: 2rem 0;
}


.jobs ul li p {
    text-align: center;
    height: 6rem;
    line-height: 3rem;
    overflow: hidden;
    margin: 2rem 0;
    font-size: 1.6rem;
}

.jobs ul li a {
    font-size: 16px;
    background: #bb99ff;
    color: #fff;
    display: inline-block;
    border-radius: 2rem;
    padding: 1rem 3rem;
    text-align: center;
    margin: 0 auto;
}


.jobs ul li i {
    width: 8.7rem;
    height: 8.7rem;
    max-width: 87px;
    max-height: 87px;
    display: block;
    margin: 0 auto;
    border: 0.4rem solid #818181;
    background: #fff;
    border-radius: 50%;
    transition: all 0.3s;
    cursor: pointer;
}

.jobs li i:hover {
    border: 0.4rem solid #e62b32
}

.jobs li:nth-child(odd) i {
    background: url(../Image/jobs/icon1.png) center no-repeat;
    background-size: 100%;
}

.jobs li:nth-child(even) i {
    background: url(../Image/jobs/icon2.png) center no-repeat;
    background-size: 100%;
}





.jobs ul li .recruit_info {
    color: #494949;
    font-family: 'Microsoft YaHei', arial;
    font-size: 14px;
    line-height: 36px;
}

.jobs ul li .recruit_info .job_nam {
    color: #be0000;
    font-weight: bold;
}


.recruit_info_tit_bg {
    width: 100%;
    height: 31px;
    background: #fafafa;
    border-radius: 2px;
}

.recruit_info_tit_bg .recruit_info_tit {
    width: 73px;
    height: 31px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background: #1e4483;
    font-family: 'Microsoft YaHei', arial;
    font-size: 14px;
    color: #fff;
    line-height: 31px;
    text-indent: 8px;
}

.recruit_info_main {
    padding: 5px;
}

.recruit_info_main p {
    width: 650px;
    font-family: 'Microsoft YaHei', arial;
    text-align: justify;
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 28px;
    color: #494949;
}

.order {
    width: 96%;
    margin: 0 auto;
}

.order_but {
    padding: 10px;
    cursor: pointer;
}



/*PRODUCTS LIST PAGE*/

#picUL {
    text-indent: 0;
    overflow: hidden;
    text-align: center;
}

#picUL li {
    width: 280px;
    height: 260px;
    background: url(../Image/str.png) #fff;
    margin: 10px;
    float: left;
}

#picUL li:hover {
    background: url(../Image/str.png) #fafafa
}

#picUL a {
    width: 270px;
    height: 260px;
    text-align: center;
    display: inline;
    padding: 5px;
    display: block;
    line-height: 30px;
    font-size: 14px;
    background: url(../Image/proshadow.jpg) no-repeat center bottom;
    color: #000;
    overflow: hidden;
    position: relative;
}



#picUL a:hover {
    background: url(../Image/proshadow.jpg) no-repeat bottom;
}

#picUL a img {
    max-width: 270px;
    height: 210px;
}

#picList {
    width: 100%;
    padding: 10px 0 0 0;
}

#picList li {
    transition: all 0.3s;
    height: 170px;
    margin: 20px 0;
    border-bottom: #ddd 1px solid;
    background: #fff;
}

#picList li:hover {
    border-bottom: #ddd 1px solid;
}

#picList li a {
    display: block;
}

#picList li a:hover .d2 i {
    background: #303030;
    color: #fff;
}

#picList .picList_date {
    color: #fff;
    text-align: left;
}

#picList .picList_date .d1 {
    font-size: 30px;
    color: #898989;
}

#picList .picList_date .d2 {
    font-size: 16px;
    color: #444;
    line-height: 60px;
}

#picList .picList_date .d2 i {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #fff;
    transition: all 0.3s;
}

#picList .picList_date .d3 {
    font-size: 16px;
    color: #aaa;
}

#picList .picList_line {
    width: 100px;
    height: 1px;
    margin-top: 20px;
    width: 35px;
    background: #bebebe;
    float: left;
    transition: all 0.5s;
}

#picList li a:hover .picList_line {
    background: #000;
}


#picList .Pic_list_txt {

    position: relative;
    height: auto;
    overflow: hidden;
    text-align: justify;
}

#picList .Pic_list_txt .t1 {
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    width: 100%;
    color: #000;
}

#picList .Pic_list_txt .t2 {
    overflow: hidden;
    padding: 8px 0;
    height: 90px;
    font-size: 14px;
    line-height: 25px;
    color: #666;
}

#picList .Pic_list_txt .t3 {
    font-size: 10px;
    text-align: right;
    line-height: 30px;
    color: #000;
}

#picList .Pic_list_txt .time {
    text-align: right;
    line-height: 20px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif !important;
}

/*模板列表*/


/*模板列表结束*/

#pro_img_prev {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -40px;
    z-index: 9;
}

#pro_img_next {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -40px;
    z-index: 9;
}

.pbt a {
    width: 70px;
    height: 70px;
    background: rgba(0, 0, 0, 0.5);
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    line-height: 70px;
}

.pbt a i {
    font-size: 30px !important;
}

.pbt a:hover {
    border-radius: 50%;
    background: rgba(0, 0, 0, 1);
}

.shan {
    font-size: 20px;
}

.p_name {
    font-weight: bold;
}



/*INDEX*/


.in_links li{ margin: 5px 0; }


.in_links li a { width: 100%; height: 100%; }


.in_title_box { margin:0 0 20px; }
 
.in_title_box .title { font-size: 3.6rem; font-weight: bold; color: #000; }
.in_title_box .title span {color: #e41223; }
.in_title_box .desc { font-size: 1.6rem; color: #aba6a6; }
.in_title_box .desc span { font-size: 3.0rem; color: #f00; font-weight: 600; margin: 0 10px; font-style: italic; }

.type_list.row { padding: 0 10px;  }
.type_list li { padding: 0 !important;  margin: 5px 0 !important; }
.type_list li { border-left: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; height: 185px; overflow: hidden;
 box-sizing: border-box; }

.type_list a {
    padding: 5px;
    display: inline-block; 
}
.type_list a.current {
    background: #f00;
    color: #fff !important;
    text-align: center;
}

.result {
    font-size: 14px;
    width: 100%;
    line-height: 20px;
    color: #111;
    margin: 20px 0; 
}

.result li{
    margin: 5px 0; 
}


.result a {
    display: inline-block;
    box-sizing: border-box;
    padding: 5px;
    margin: 0 5px;
    position: relative;
}

.result a.current {
    border: 1px dotted #f00;
    color: #f00;
}

.result a i {
    display: none;
}

.result a.current i {
    display: inline-block;
    margin-left: 10px;
}

.result b {
    color: #f00;
    padding: 0 5px;
    font-size: 2.0rem;
}

.search_box a.current {
    background: #f00;
    color: #fff;
}
/* 搜索选中 */


.type_list li:nth-child(3) { border-right: 1px solid #dcdcdc; }
.type_list li:last-child { border: none; }

.type_list li:nth-child(4) { background: #e41223; text-align: center; }
.type_list li:nth-child(4) img{ max-width: 100%; margin: 0 auto; }

.type_list li .title { padding: 10px 20px; box-sizing: border-box; position: relative; font-size: 1.6rem;font-weight: bold; height: 54px; border-bottom:1px solid #dcdcdc; }
.type_list li .title i { position: absolute; top:0; right:20px; line-height: 54px; }
.type_list li .content { padding: 10px; box-sizing: border-box; }

.type_list li .content a{ font-size: 1.4rem; color: #000; display: inline-block; padding:0 3px; box-sizing: border-box; margin: 0.1rem 0;  text-align: center; }
.type_list li .content a:hover { color: #600; } 

.type_list li:nth-child(1) .content a,.type_list li:nth-child(3) .content a{ width: 33.33%; }
.type_list li:nth-child(2) .content a{ width: 50%; }

.best_hx .row{ margin: -0.8125rem;  }

.best_hx li{ margin: 1rem 0;  }
.best_hx li a{ display: block; width: 100%; height: 266px; border:1px solid #dcdcdc; box-sizing: border-box;overflow: hidden; }

.best_hx li .img {
    border-bottom:1px solid #dcdcdc;
    position: relative;
    overflow: hidden;
}

.best_hx li .img:after {
    content: '';
    display: block;
    margin-top: 75%;
}

.best_hx li .img img {
    min-width: 100%;
    height: 100%;
    transition: all 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*.best_hx li .cont { height: 101px; padding: 20px 30px; position: relative; }*/

.best_hx li .cont .sjs{ position: relative; top:-50px; width: 35%; float: left; line-height: 1.4rem; }
.best_hx li .cont .sjs .sjs_img{ width: 70px; height: 70px; overflow: hidden; }
.best_hx li .cont .sjs img{ width: 70px; height: 70px;}
.best_hx li .cont .case{ line-height: 30px; width: 100%; float: right;}
.best_hx li .cont .case small { color: #aba6a6}
.best_hx li .cont .case span { color: #f00; }


#in_mfbj { margin: 20px auto;  border: #dcdcdc 1px solid; }
#in_mfbj .title{ background: #e41223; height: 43px; line-height: 43px; border-bottom:1px solid #dcdcdc; color: #fff; }

#in_mfbj .title u{ top:0; right: 0;}

#in_mfbj .order_input { padding:20px; }

#in_mfbj .order_input li {display: inline-block; margin: 10px 0; }

#in_mfbj .order_input li input {margin: 0; }

#in_mfbj .order_input li .input_t { box-sizing: border-box; display: inline-block; height: 40px; border:1px solid #dcdcdc; padding: 5px; }

#in_mfbj .order_input li .order_bt { border-radius: 0; line-height: 40px; width: 100%;font-size: 1.4rem; }

#in_mfbj .order_input li .bt1 { border:2px solid #e41223; color: #e41223;}
#in_mfbj .order_input li .bt2 { border:2px solid #dee2ed; color: #040404;}



#in_xzmc {}
#in_xzmc ul li:nth-child(1),#in_xzmc ul li:nth-child(3) { border:1px solid #e5e5e5; background: #f8f8f8; }
#in_xzmc ul li:nth-child(2) { background: url(../Image/index/xzmc_bg.jpg) center #e41223; height: 500px; position: relative;}

#in_xzmc ul li .xz_img {position: absolute; bottom:-50px; left:15%; }

#in_xzmc ul li { height: 500px; box-sizing: border-box; }

#in_xzmc ul { margin: 0; }

#in_xzmc ul li .cont { padding: 40px 50px; text-align: center; }

#in_xzmc ul li .cont big { font-weight: bold; color: #000; font-size: 2.6rem; }

#in_xzmc ul li .cont i { position: absolute; top:-13px; color: #e41223; left: 50%; transform: translateX(-50%); }
#in_xzmc ul li .cont span { margin: 20px 0;  border-radius: 2px; position: relative; padding:10px; display: inline-block; color: #fff; background: #e41223; }

#in_xzmc ul li .cont p { color: #949494; text-align: center; }

#in_zxxc { margin-top:70px; }

#in_zxxc .row{ margin: -0.8125rem;  }
#in_zxxc li{ margin: 1rem 8px;  }


#in_zxxc li .img{ width: 100%; height: 245px; overflow: hidden; border:1px solid #dcdcdc;  text-align: center;}
#in_zxxc li .img img {height: 245px; }

#in_zxxc li .cont { position: relative; margin: 0 auto; margin-top: -50px; max-width: 267px; height: 240px; background: #fff; border:1px solid #dcdcdc; padding: 40px 30px; box-sizing: border-box; }

#in_zxxc li .cont .case{ line-height: 30px; width: 100%; text-align: center; }
#in_zxxc li .cont .case span { color: #000000; }
#in_zxxc li .cont .case small { color: #aba6a6}

#in_zxxc li .cont .more{ position: relative; width: 100%; }

#in_zxxc li .cont .more a { padding: 5px 10px; display: inline-block; margin: 10px; }

#in_zxxc li .cont .more .bt1 { border: 2px solid #dee2ed; color: #000;}
#in_zxxc li .cont .more .bt2 { border: 2px solid #e41223; color: #e41223;}

#in_team { margin:30px auto;}


/* #in_team .row{  margin: 0  }

#in_team ul { margin: 1rem 0;  }

#in_team li{ margin: 3rem 0;  }


#in_team li .img{ background: #efefef; height: 360px; overflow: hidden; position: relative; text-align: center;}
#in_team li .img .star { position: absolute; top: 0; left: 0; }

#in_team li .img .pic {height: 360px; }

#in_team li .cont {transition: all 0.3s; height: 360px; background: #f8f8f8; padding: 40px 30px; box-sizing: border-box;}

#in_team li:hover .cont { background: #e41223; }
#in_team li:hover .cont .case ,#in_team li:hover .cont .more a{ color: #fff; }

 
#in_team li .cont .case{ line-height: 30px; width: 100%; text-align: center; color: #040404;}

#in_team li .cont .case big { font-size: 2.2rem; font-weight: bold;}
#in_team li .cont .case p { margin: 20px 0; height: 120px; overflow: hidden; }

#in_team li .cont .more{ position: relative; width: 100%; }

#in_team li .cont .more a {padding: 5px 10px; display: inline-block; margin: 10px; }

#in_team li .cont .more .bt1 { border: 2px solid #e5e5e5;}
#in_team li .cont .more .bt2 { border: 2px solid #e5e5e5;}

#in_team li .cont .more a:hover { background: #e5e5e5; color: #e41223;} */

#in_company { padding: 80px 0 60px 0;  background: #f8f8f8; }

#in_company .cont p{ line-height: 3rem; }

#in_company .cont .flow-text {height: 220px; overflow: hidden;}

#in_company_bar { background: #e41223; color: #fff; margin-top: 40px; }

#in_company_bar .row { padding: 40px; }

#in_company_bar li { /*border-right:1px solid #ee6e78;*/ line-height: 1.0; margin: 2rem 0; }
#in_company_bar li:last-child { border-right: none;}

#in_company_bar big { font-size: 6.7rem; font-weight: bold;}
#in_company_bar sup { font-size: 2.0rem; position: relative; top:-50px;}

#in_news { margin: 30px 0; }

#in_news .row{}

#in_news li{ margin: 2rem 0; }
#in_news li a{ display: block; }

#in_news li .img{ width: 20%; height: 84px; background: #efefef; overflow: hidden; float: left; text-align: center;}
#in_news li .img img {height: 80px; }

#in_news li .cont { width: 77%; height: 84px; box-sizing: border-box; float: right;}

#in_news li .cont p { height: 84px; overflow: hidden; color: #9a9a9a;}

#in_news li .cont p big { display: block; color: #000; margin-bottom: 10px;}

#in_cjwt { margin: 30px 0; }

#in_cjwt .row{}

#in_cjwt li{ margin: 2rem 0; }
#in_cjwt li a{ display: block; }

#in_cjwt li .cont { width: 100%; height: 84px; box-sizing: border-box; float: right;}
#in_cjwt li .cont p { height: 84px; overflow: hidden; color: #9a9a9a;}
#in_cjwt li .cont p big { display: block; color: #000; margin-bottom: 10px;}

#in_cjwt li .cont .wen,#in_cjwt li .cont .da { vertical-align: middle; width: 22px; height: 22px; text-align: center; line-height: 22px; margin-right: 5px; border-radius: 50%; color: #fff;  display: inline-block; font-size: small;}

#in_cjwt li .cont .wen { background: #000; }
#in_cjwt li .cont .da { background: #e41223;}


.in_end_bar { background: #e41223; color: #fff; margin-top: 40px; padding: 25px 0 5px 0; }

.in_end_bar li:first-child { border-right: 1px solid #ee6872; }
.in_end_bar li .cont { color: #fff; font-size: 2.6rem; font-weight: 300;}
.in_end_bar li .cont big{ font-size: 3.6rem; font-weight: bold;}

.in_end_bar li .cont a { font-size: 1.4rem; font-weight: normal; color: #fff; padding: 5px 10px; border:2px solid #fff;}
.in_end_bar li .cont a:hover { background: #000; }

.page-footer .row { margin: 30px 0 50px 0;}

.e_contact li{  margin: 1rem 0; line-height: 30px;}

.e_m_link li{ height: 80px;}

.e_m_link li a{
  color: rgba(255, 255, 255, 0.8);
  display: inline-block;
  padding: 5px 20px;
  background: #2b2b2b;
  border-radius: 5px;
  line-height: 30px;
}

/* Company */
.conmpany_kh { text-align: center; padding: 30px 0 0 0; }
.conmpany_kh h1 { font-size: 6.3rem; font-weight: bold;}
.conmpany_kh h2 { font-size: 3.2rem; font-weight: bold;}


#about .about_title { color: #524e4f; font-size: 2rem;}
#about .about_title h2 { color: #e41223; font-size: 3.6rem; font-weight: bold; margin-bottom: }
#about .about_title { color: #524e4f; }

#about .about_title li:first-child { border-right: 1px solid #b5b5b5; }

.content { line-height: 35px; color: #373636; }

#about .plus, #about .less { color: #e41223; border: 2px solid #e41223; padding: 10px 20px; cursor: pointer; }

#hide_cont { transition: all 0.5s; height: 300px; overflow: hidden; }

.h0 { height: 0px !important;}

#honor { background: #f8f8f8; }

#honorUL { margin-bottom: 0; }
#honorUL li { margin: 10px 0; }

#honorUL li img {  }

#mcys { background: #e41223; }


#about_xzmc {  }
#about_xzmc ul li:nth-child(1),#about_xzmc ul li:nth-child(3) {  }
#about_xzmc ul li:nth-child(2) { position: relative;}

#about_xzmc ul li .xz_img {position: absolute; bottom:-50px; left:50%; transform: translateX(-50%); }

#about_xzmc ul li { box-sizing: border-box; }

#about_xzmc ul { margin: 0; }

#about_xzmc ul li .cont { text-align: center; }

#about_xzmc ul li .cont .label { width: 115px; height: 115px; line-height: 115px; border-radius: 50%; margin-bottom: 20px; font-size: 6.0rem; background: #fff; display: inline-block; color: #e41223;}

#about_xzmc ul li .cont big { font-weight: bold; color: #fff; font-size: 2.6rem; margin-bottom: 10px; display: block; }

#about_xzmc ul li .cont i { position: absolute; top:-13px; color: #fff; left: 50%; transform: translateX(-50%); }
#about_xzmc ul li .cont span { margin: 20px 0;  border-radius: 2px; position: relative; padding:10px; display: inline-block; color: #363636; background: #fff; }

#about_xzmc ul li .cont p { color: #fff; text-align: center; }

#hzpp { background: #ffffff; }
#brandUL { margin-bottom: 0; }
#brandUL li { margin: 10px 0; }
#brandUL li .img { border: 1px solid #dddddd; }
#brandUL li img {  display: block;  width: 185px;height: 59px;}

/*MCSJ*/

#sjzsj { margin-top: 30px; }

#sjzsj .tabs li { padding:0 2px; }
#sjzsj .tabs li a {background: #f3f3f3; color: #4b4b4b; }
#sjzsj .tabs li.indicator {display: none; }

#sjzsj .tabs li a.active { background: #565c6c; color: #fff;  }
#sjzsj_tabs { margin-bottom: 10px;  }
 

#sjzsj_tabs.msn-focus .hd li a { display: block; padding: 5px; box-sizing: border-box; border: 2px solid #dee2ed; color: #040404; } 
#sjzsj_tabs.msn-focus .hd li.on a { border:  2px solid #e41223 !important; color: #e41223 !important; }
#sjzsj_tabs.msn-focus .bd li { position: relative; }


#sjzzx_tabs .col,#m_sjzzx_tabs .col {width: 33.33%; }
#clpp_tabs .col {width: 16.66%; }
#zxfg_tabs .col {width: 25%; }

.rsTabs .col a{ text-align: center; display: block; padding: 5px; box-sizing: border-box; border: 2px solid #dee2ed; color: #040404; } 
.rsTabs .col.rsNavSelected a{ border:  2px solid #e41223 !important; color: #e41223 !important; }


#sglc { margin: 30px auto; }

#gyzsj { padding: 30px 0; background: url("../Image/mcsj/serviceBg.png") center no-repeat;}


/* TAOCAN669 */

.btn {  position: absolute; bottom: 10%; left: 50% !important; font-size: 1.4rem; white-space: nowrap; transform: translateX(-50%); background: #e22a22; color: #fff !important; }

#ys_bar { margin: 30px auto; }

#ys_bar li { margin: 10px auto; }

#kjpz { margin: 30px 0; padding:50px 0 0 0; background: #eeeeee; }

#kjpz_tabs { height: 568px; position: relative; }
#kjpz_tabs .tabs { position: absolute; width: 100%; height: 568px; top: 0; left: 0; overflow: visible; background: none;}

#kjpz_tabs .tabs li { width: 100px; height: 100px; line-height: 100px;}

#kjpz_tabs .tabs li a { font-size: 2.0rem; padding:0; border-radius: 50%; color: #4b4b4b; color: #fff; transition: all 0.3s;}
#kjpz_tabs .tabs li.indicator {display: none; }
#kjpz_tabs .tabs li a.active { transform: scale(1.2); color: #fff; }

#kjpz_tabs .tabs li:nth-child(1) { position: absolute; left: 50%; margin-left: -160px; top:400px;}
#kjpz_tabs .tabs li:nth-child(1) a {background: #e22a22;}

#kjpz_tabs .tabs li:nth-child(2) { position: absolute; left: 50%; margin-left: 150px; top:450px;}
#kjpz_tabs .tabs li:nth-child(2) a {background: #373737;}

#kjpz_tabs .tabs li:nth-child(3) { position: absolute; left: 50%; margin-left: -150px; top:100px;}
#kjpz_tabs .tabs li:nth-child(3) a {background: #373737;}

#kjpz_tabs .tabs li:nth-child(4) { position: absolute; left: 50%; margin-left: 100px; top:0px;}
#kjpz_tabs .tabs li:nth-child(4) a {background: #e22a22;}

#kjpz_tabs .tabs li:nth-child(5) { position: absolute; left: 50%; margin-left: 200px; top:150px;}
#kjpz_tabs .tabs li:nth-child(5) a {background: #373737;}


.tab_box { padding: 50px; background: #fff; border: 2px solid #ccc; box-sizing: border-box; }

.tab_box .tabs { margin-bottom: 20px; }

.tab_box .tabs a{ font-size: 1.6rem; padding: 0 10px;}

.tab_box dt i { width: 13px; height: 30px; background: #e22a22; }

.tab_box dd i { margin: 0 5px; color: #c3c3c3;}

.tab_box dt {line-height: 40px; margin-bottom: 10px; font-size: 2.0rem;}

.tab_box dd {line-height: 30px; font-size: 1.4rem;}

#clpp { margin-top: 30px; }


#clpp_tabs { margin-bottom: 10px;  }

#lxgy img { display: block; margin:0;  }

#xzmc { margin: 30px 0; background: url("../Image/taocan669/choose_bg.jpg") top center no-repeat; }

#xzmc .col { padding: 0; }

#shwy { margin: 30px 0;  }
#shwy dl dt span { width: 60px; text-align: center; padding:5px 10px; font-size: 3.0rem; font-weight: bold; background: #e12921;  color: #fff; }
#shwy dl dd  { margin: 10px 0;  }

#shwy .col { padding: 0 7px; }


/* Contact */

.contact_box {
    background: #fff;
}

.contact_box li { margin: 20px 0;  }
.contact_box li big { margin: 0 0 10px 0; display: block; font-size: 4.0rem; font-weight: bold; color: #e41223; }

.allmap {
    width: 100%;
    height: 346px;
    margin: 0 0 20px 0; 
}

#message .order_input li { height: 60px; margin: 6px 0;}

#message .order_input li .input_t { box-sizing: border-box; display: inline-block; height: 60px; border:1px solid #dcdcdc; padding: 10px; }

#message .order_input li .order_bt { border-radius: 0; border: none; width: 100%; height: 55px; line-height: 55px;font-size: 2.0rem; font-weight: bold;  }


#message .order_input li .bt1 { border:2px solid #e41223; color: #e41223;}
#message .order_input li .bt2 { border:2px solid #dee2ed; color: #040404;}


#message #order_list { background: #f3f3f3; padding: 10px; }

#message #order_list li { line-height: 30px; font-size: 1.8rem;}



/* Team */
#dmfl .title { border: 2px solid #e41223; font-size: 2.6rem; font-weight: bold; color: #e41223; box-sizing: border-box; padding: 10px;}

.teamUL { margin:30px auto;}


.teamUL .row{ margin: -0.8125rem;  }
.teamUL li{ margin: 20px 0;  }


.teamUL li .img{ background: #efefef; height: 360px; text-align: center; position: relative;}
.teamUL li .img .star { position: absolute; top: -2px; left: -2px; }
.teamUL li .img .pic {height: 360px; margin: 0 auto; background: #e5e5e5; }
.teamUL li .cont { height: 360px; border: 1px solid #e5e5e5;  padding: 40px 30px; box-sizing: border-box;}

.teamUL li:hover .cont { background: #e41223; }
.teamUL li:hover .cont .case,.teamUL li:hover .cont .more a,.teamUL li:hover .cont .case .content{ color: #fff !important; }
.teamUL li:hover .cont .more .bt2 { border: 2px solid #e5e5e5;}


.teamUL li .cont .case{ line-height: 30px; width: 100%; text-align: center; color: #040404;}

.teamUL li .cont .case big { font-size: 2.2rem; font-weight: bold;}
.teamUL li .cont .case .content { margin: 10px 0; height: 170px; overflow: hidden; }

.teamUL li .cont .more{ position: relative; width: 100%; }

.teamUL li .cont .more a {padding: 5px 10px; display: inline-block; margin: 10px; }

.teamUL li .cont .more .bt1 { border: 2px solid #e5e5e5; color: #040404;}
.teamUL li .cont .more .bt2 { border: 2px solid #e41223; color: #e41223;}

.teamUL li .cont .more a:hover { background: #e5e5e5; color: #e41223;}


.teamUL li:hover .cont span { color: #fff !important;}

/* .teamInfo .col { padding: 0; } */


.teamInfo .img{ background: #efefef; height: 415px; overflow: hidden; float: left; text-align: center;}
.teamInfo .img img {height: 415px; }

.teamInfo .cont { height: 415px; border: 1px solid #e5e5e5; padding: 40px 30px; box-sizing: border-box; float: right;}

.teamInfo .cont .case{ line-height: 30px; width: 100%; text-align: center; color: #fff;}

.teamInfo .cont .case big { color: #040404; font-size: 2.2rem; font-weight: bold;}
.teamInfo .cont .case p { color: #434343; margin: 20px 0; overflow: hidden; }

.teamInfo .cont .case .content { margin: 10px 0 0 0; padding: 0 20px 0 0;  height: 280px; overflow-y: scroll;}

.teamInfo .cont .more{ position: relative; width: 100%; }

.teamInfo .cont .more a {padding: 5px 10px; display: inline-block; margin: 10px; }

.teamInfo .cont .more .bt1 { border: 2px solid #e5e5e5; color: #040404;}
.teamInfo .cont .more .bt2 { border: 2px solid #e41223; color: #e41223;}

.teamInfo .row { margin-bottom: 0; }


#team_order_box {
    background: #e70012;
    height: 415px;
    padding: 30px 20px;
    box-sizing: border-box;
    color: #fff;
}


#team_order_box .title { font-size: 2.8rem; font-weight: bold; }

#team_order_box .title span { color : #e70012 }

#team_order_box .desc { margin: 30px 0 10px; color: #fff; }
#team_order_box .desc b { color: #fff; }

#team_order_box .order_input li {width: 100%; height: 40px; margin: 15px 0;}

#team_order_box .order_input li .input_t { box-sizing: border-box; display: inline-block; height: 40px; border:1px solid #dcdcdc; padding: 10px; }

#team_order_box .order_input li .input_l {width: 100%; }
#team_order_box .order_input li .input_m {width: 60%; }
#team_order_box .order_input li .input_s {width: 30%; }

#team_order_box .order_input li .order_bt { border-radius: 0; border: none; width: 100%; height: 45px; line-height: 45px; background: #fff; color: #e70012; font-size: 2.0rem; font-weight: bold;  }

#team_order_box #order_list { background: #f3f3f3; padding: 10px; }

#team_order_box #order_list li { line-height: 30px; font-size: 1.8rem;}


#case li { border: 1px solid #ccc; margin-bottom: 20px; padding: 20px; box-sizing: border-box; }

#case li .title{ padding: 0 0 20px 0; }

#case li .title big{  font-size: 2.6rem; font-weight: bold;}
#case li .title b { font-size: 1.8rem; color: #e41223;}

#case li .title a { width: 100%; box-sizing: border-box; border:2px solid #e41223; color: #e41223; position: relative; padding: 5px 20px; display: inline-block; text-align: center; }
#case li .title a:hover { background: #000; color: #fff; }

#case li .img{ margin: 10px 0;  height: 200px; overflow: hidden;}

#lf_sjs { margin-bottom: 0; }
#lf_sjs { margin-bottom: 0; }

#lf_sjs .bt {width: 110px; padding: 2px 10px; display: inline-block; margin: 5px 0; }
#lf_sjs .bt1 { border: 2px solid #e5e5e5; color: #040404; display: inline-block;}
#lf_sjs .bt2 { border: 2px solid #e41223; color: #e41223; display: inline-block;}
#lf_sjs .title { font-size: 1.8rem; color: #040404; font-weight: bold; margin-bottom: 13px; }
#lf_sjs .title span{ font-size: 1.8rem; color: #e70012; }


.hxul li { margin-bottom: 10px; }

.hxul li .desc b { color: #e41223; }


.hxul li .img{ background: #efefef; text-align: center;}

.lf_news li{ line-height: 2.0; }


.lf_news li i {width: 6px; height: 6px; border-radius: 50%; background: #e41223;}

/* LFGZ */

#lfzk .row h4 {font-weight: bold;}
#lfzk li { margin: 10px 0; }

#chxs { background: #f8f8f8; }
#chxs li { text-align: center; }
#chxs p { padding: 10px; border: 2px solid #dee2ed; text-align: center; margin: 10px; transition: all 0.3s; }
#chxs p:hover { border: 2px solid #e70012; background: #e70012; color: #fff; }

#chxs_bar { background: #e41223; padding: 30px 0 10px 0; color: #fff;  margin: 10px 0;}

#chxs_bar .row { margin-bottom: 0;  }

.bar_kh { font-weight: bold; font-size: 2.2rem; }
.bar_kh big { font-size: 5.5rem; color: #fff000; }


#bar_order { margin: 10px 0;  }

#bar_order .order_input li { height: 40px; margin: 6px 0;}
#bar_order .order_input li .input_t { box-sizing: border-box; display: inline-block; height: 40px; border:1px solid #dcdcdc; padding: 10px; }

#bar_order .order_input li .order_bt { border-radius: 0; border: none; width: 100%; height: 45px; line-height: 45px; background: #ffffff; color: #e70012; font-size: 2.0rem; font-weight: bold;  }

#zxdb .msn-focus .hd li a { display: block; padding: 5px; box-sizing: border-box; border: 2px solid #dee2ed; color: #040404; } 
#zxdb .msn-focus .hd li.on a { border:  2px solid #e41223 !important; color: #e41223 !important; }

.msn-focus .bd li { position: relative; }
.before_bt { position: absolute; padding: 2.0rem; width: 100px; height: 100px; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 50%; background: rgba(0,0,0,0.6); color: #fff; font-size: 1.4rem; }



.msn-focus .bd li:hover .before_bt {
        display: none;
}    

.msn-focus .bd li:hover .face1 {display: none;}
.msn-focus .bd li:hover .face2 {display: block;}
    /*前*/

    .face1 {
    }
    /*后*/

    .face2 {
        display: none;
    }

/* JOBS
---------------------*/
.zy_line {
    width: 100%;
    height: 0.4rem;
    background: url(../Image/zy_line0.gif) center;
    position: relative;
}


.zy_title {
    text-align: center;
    color: #898989;
    margin: 3rem 0;
}

.zy_title span {
    font-size: 2.5rem;
}


.ce_nav {
    position: fixed;
    right: 10px;
    top: 30%;
    z-index: 499
}


@media only screen and (max-width: 600px) {
    .ce_nav {
        transform: scale(0.6);
    }
}


.ce_nav li {
    margin-bottom: 10px;
}

.ce_nav li a {
    display: block;
    width: 60px;
    height: 60px;
    background: #fff;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    color: #408ed6;
    font-size: 12px;
    text-align: center;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
    border: 1px solid #408ed6;
}

.ce_nav li a span {
    background-image: url(../Image/icon/n-qyjz-1.png);
    background-repeat: no-repeat;
    padding-top: 34px;
    display: inline-block
}

.ce_nav li.li_t a {
    border-color: #ff6800;
    color: #ff6800;
}

.ce_nav li.li_s a {
    border-color: #62ad44;
    color: #62ad44
}

.ce_nav li.li_f a {
    border-color: #ffae00;
    color: #ffae00
}

.ce_nav li.li_w {
    display: none
}

.ce_nav li.li_w a {
    border-color: #cecece;
    color: #999999
}

.ce_nav li.li_o a span {
    background-position: -57px -170px;
}

.ce_nav li.li_t a span {
    background: url(../Image/icon/kf-icon-1.gif) no-repeat center 5px
}

.ce_nav li.li_s a span {
    background-position: -53px -237px;
}

.ce_nav li.li_f a span {
    background-position: -53px -418px;
}

.ce_nav li.li_w a span {
    background-position: -53px -506px;
}

.ce_nav li.li_t a:hover {
    color: #fff;
    background-color: #ff6800
}

.ce_nav li.li_t a:hover span {
    background: url(../Image/icon/kf-icon-2.gif) no-repeat center 5px
}

.ce_nav li.li_s a:hover {
    color: #fff;
    background-color: #62ad44
}

.ce_nav li.li_s a:hover span {
    background-position: -142px -237px;
}

.ce_nav li.li_f a:hover {
    color: #fff;
    background-color: #ffae00
}

.ce_nav li.li_f a:hover span {
    background-position: -140px -418px;
}

.ce_nav li.li_w a:hover {
    color: #ff6800;
    background-color: #fff
}

.ce_nav li.li_w a:hover span {
    background-position: -144px -506px;
}

.ce_nav li a:active {
    background: #3fcb97
}

.ce_nav li.li_o {
    position: absolute;
    left: 0;
    top: 142px
}

.ce_nav li.li_o a {
    position: relative;
    right: 0;
    cursor: default;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
}

.ce_nav li.li_o a p {
    display: none;
}

.ce_nav li.li_o.on a {
    background: #408ed6
}

.ce_nav li.li_o.on a span {
    display: none;
}

.ce_nav li.li_o.on a p {
    display: block;
    color: #fff;
    font-size: 13px;
    text-align: left;
    background: url(../Image/icon/n-qyjz-1.png) no-repeat;
    background-position: 90px -315px;
    line-height: 22px;
    padding: 8px 0 0 13px;
}

.ce_nav li.li_o.on a p i {
    font-size: 19px;
    display: block;
}

.ce_nav li.li_s {
    margin-top: 82px;
}

.ce_nav li.li_l a {
    border-color: #1abfb1;
    color: #1abfb1;
}

.ce_nav li.li_l a span {
    background: url(../Image/icon/kf-icon-3.gif) no-repeat center 5px
}

.ce_nav li.li_l a:hover {
    background: #1abfb1;
    color: #fff;
}

.ce_nav li.li_l a:hover span {
    background: url(../Image/icon/kf-icon-4.gif) no-repeat center 5px
}

.ce_nav li.li_q a {
    border-color: #3acb96;
    color: #3acb96;
}

.ce_nav li.li_q a span {
    background-position: -224px -418px;
}

.ce_nav li.li_q a:hover {
    background: #3acb96;
    color: #fff;
}

.ce_nav li.li_q a:hover span {
    background-position: -294px -418px;
}

.ce_nav li.li_b a {
    border-color: #fb5a00;
    color: #fff;
    background-color: #fb5a00;
    margin-top: 35px;
}

.ce_nav li.li_b a span {
    background: url(../Image/icon/17website-34.gif) no-repeat center 10px;
}

.ce_nav li.li_b a:hover {
    filter: alpha(opacity=90);
    /*IE滤镜，透明度50%*/
    -moz-opacity: 0.9;
    opacity: 0.9;
}

#bf{ width: 100%; opacity: 0; height:200px; bottom: 0px; background:#e41223; z-index: 9999; position: fixed; z-index: 999; }
.bf{/* width: 1400px;*/ height:200px;  overflow:hidden; }
.bfimg{ float: left; margin-top: 18px; }
.bfa1{ width: 200px; text-align: center; color: #000; font-size:20px; height: 50px; line-height: 50px; background: #FFD800; border-radius: 15px; float: right; margin-top: 15px; margin-right: 20px; }
#bf.show{ opacity: 1; }
.bfc{ float: left; margin-left: 40px; width: 900px; overflow:hidden; height: 40px; margin-top:20px;  }
.bfc a{  height:40px; line-height: 40px; border-radius: 8px; padding: 0px 20px; float: left; margin:0px 10px; background:#28769D; color: #fff;}
.bfc a.on{ background: #FFD800; color: #333; }